<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
           1、什么是对象: 多个数据的封装体, 用来存储多个数据的容器。一个对象代表现实中的一个事物
           2、为什么用对象：统一管理多个数据
           3、对象组成: 属性名(字符串类型的)和属性值(任意类型)
           4、如何访问对象中的数据: 
              1)  .属性名, 简单但是通用性不强
              2)  ['属性名']
         */
        
        /* 用['属性名']的方式 */
         const obj = {}
         // obj.c-t = 'hhhh' 这种情况就不能用了得用第二种方式
         obj['c-t'] = 'hhh'
         console.log("obj['c-t']", obj['c-t'])

         const name = 'xiaomi'
         const value = 128
         // obj.name = value 这种方式不行
         obj[name] = value 


    </script>
</body>
</html>